<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../templates/ui.xhtml">

	<ui:define name="content">
		<h1 class="title ui-widget-header ui-corner-all">Calendar - I18N</h1>
		<div class="entry">
			<p>Calendar provides flexible I18N support.</p>
			
			<h:panelGrid columns="3" cellpadding="5">
				<h:outputText value="Turkish" />
				<h:outputText value="Catalan" />
				<h:outputText value="Arabic" />
				
				<p:calendar mode="inline" locale="tr" showButtonPanel="true" navigator="true"/>
				<p:calendar mode="inline" locale="ca" showButtonPanel="true" navigator="true"/>
				<p:calendar mode="inline" locale="ar" showButtonPanel="true" navigator="true"/>
			</h:panelGrid>
			
			<h3>Source</h3>
			<p:tabView>
				<p:tab title="calendarI18N.xhtml">
					<pre name="code" class="xml">
&lt;h:panelGrid columns="3" cellpadding="5"&gt;
	&lt;h:outputText value="Turkish" /&gt;
	&lt;h:outputText value="Catalan" /&gt;
	&lt;h:outputText value="Arabic" /&gt;
	
	&lt;p:calendar mode="inline" locale="tr" showButtonPanel="true" navigator="true"/&gt;
	&lt;p:calendar mode="inline" locale="ca" showButtonPanel="true" navigator="true"/&gt;
	&lt;p:calendar mode="inline" locale="ar" showButtonPanel="true" navigator="true"/&gt;
&lt;/h:panelGrid&gt;
					</pre>
				</p:tab>
			</p:tabView>
			
         </div>
        
        <h:outputScript name="js/i18n.js" />
        
	</ui:define>
</ui:composition>
